.main_header {
  width: 176px;
  height: 75px;
  background: rgba(156, 177, 224, 0.16);
  box-shadow: inset 0px 0px 7px 0px #f2ffff;
  border-radius: 0px 0px 0px 0px;
  border: 2px solid;
  border-image: linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.2),
      rgba(255, 255, 255, 0.6)
    )
    2 2;
  .innerBox {
    width: 100%;
    height: 75px;
    background: linear-gradient(
      0deg,
      #0a6a4a 0%,
      #006644 17%,
      #32a67f 49%,
      #9cffde 85%,
      #33c292 94%
    );
    box-shadow: inset 0px 0px 7px 0px #43f4fe;
    animation: charging 3s linear infinite;
  }
}

@keyframes charging {
  0% {
    width: var(--width);
  }
  100% {
    width: 100%;
  }
}
